﻿/* Web20 theme*/

.t-widget
{
    border-color: #4e75b3;
    /*font-size: .75em; /* 12px base, if there are no inherited font-sizes (MVC default) */
    background-color: #fff;
}

/* .small .t-widget { font-size: .687em; } /* 11px base, if there are no inherited font-sizes (MVC default) */

.t-header,
.t-grid-header
{
    border-color: #4a70ae;
    background: #7fa5d7 url('Web20/sprite.png') repeat-x 0 -752px;
}

.t-panelbar .t-state-hover { background-image: none; }

.t-icon { background-image: url('Web20/sprite.png'); }
.t-editor .t-tool-icon { background-image: url('Web20/editor.png'); }

.t-expand { background-position: 0 -160px; }
.t-collapse { background-position: 0 -176px; }
.t-rtl .t-expand { background-position: -64px -160px; }

.t-plus, .t-plus-disabled { background-position: 0 -256px; }
.t-minus, .t-minus-disabled { background-position: -16px -256px; }

.t-rtl .t-plus, .t-rtl .t-plus-disabled { background-position: 0 -272px; }
.t-rtl .t-minus, .t-rtl .t-minus-disabled { background-position: -16px -272px; }

.t-arrow-up { background-position: -48px -160px; }
.t-arrow-down { background-position: -48px -176px; }

.t-state-disabled .t-arrow-up { background-position: -32px -160px; }
.t-state-disabled .t-arrow-down { background-position: -32px -176px; }

.t-numerictextbox .t-arrow-up { background-position: -16px -162px; }
.t-numerictextbox .t-arrow-down { background-position: -16px -178px; }

.t-arrow-up-small { background-position: 0 -304px; }
.t-arrow-down-small { background-position: -16px -304px; }

.t-arrow-first { background-position: 0 -224px; }
.t-arrow-prev { background-position: -16px -224px; }
.t-arrow-next { background-position: -32px -224px; }
.t-arrow-last { background-position: -48px -224px; }

.t-state-disabled .t-arrow-first { background-position: 0 -208px; }
.t-state-disabled .t-arrow-prev { background-position: -16px -208px; }
.t-state-disabled .t-arrow-next { background-position: -32px -208px; }
.t-state-disabled .t-arrow-last { background-position: -48px -208px; }

.t-filter { background-position: 0 -240px; }
.t-clear-filter { background-position: -16px -240px; }

.t-refresh { background-position: -32px -240px; }
.t-icon-calendar { background-position: -48px -240px; }
.t-icon-clock { background-position: -64px -336px; }

.t-edit { background-position: 0 -336px; }
.t-delete { background-position: -16px -336px; }
.t-insert, .t-update { background-position: -32px -336px; }
.t-cancel { background-position: -48px -336px; }
.t-group-delete { background-position: 0 -288px; }

.t-maximize { background-position: -16px -288px; }
.t-restore { background-position: -32px -288px; }
.t-close { background-position: -64px -288px; }

.t-insert-top { background-position: 0 -320px; }
.t-insert-middle { background-position: -16px -320px; }
.t-insert-bottom { background-position: -32px -320px; }
.t-add { background-position: -48px -320px; }
.t-denied { background-position: -64px -320px; }

.t-loading,
.t-widget .t-loading { background: transparent url('Web20/loading.gif') no-repeat 0 0; }

.t-widget,
.t-link,
.t-popup
{
    color: #333;
}

.t-header,
.t-header .t-link
{
    color: #fff;
}

.t-header .t-group,
.t-group .t-link
{
    color: #333;
}

.t-group,
.t-content,
.t-editable-area
{
    border-color: #4a70ae;
    background-color: #fff;
}

.t-colorpicker .t-arrow-down
{
    border-color: #4e75b3;
}

.t-separator
{
    border-color: #93b2dc;
    background-color: #688bbb;
}

.t-alt
{
    background-color: #fff;
}

.t-state-default
{
    border-color: #4a70ae;
}

.t-active-filter
{
    background-color: #87a6d4;
}

.t-state-hover,
.t-state-hover .t-link,
.t-header .t-state-hover,
.t-group .t-state-hover
{
    color: #333;
}

.t-state-hover,
.t-state-hover:hover
{
    background-color: #a4c2f1;
    border-color: #4a70ae;
}

.t-state-active
{
    background-color: #fff;
    border-color: #4a70ae;
}

.t-state-active,
.t-state-active .t-link,
.t-state-active .t-header .t-state-active,
.t-state-active .t-header .t-state-active .t-link
{
    color: #333;
}

.t-state-active .t-header,
.t-state-active .t-header .t-link
{
    color: #fff;
}

.t-state-active .t-state-hover,
.t-state-active .t-header .t-state-hover .t-link
{
    color: #333;
}

.t-state-selected
{
    background-color: #d4ffbc;
}

.t-state-error
{
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.t-button
{
	border-color: #4a70ae;
    color: #fff;
}

.t-button,
button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover
{
    background: #607fc5 url('Web20/sprite.png') repeat-x 0 -560px;
}

.t-button:hover
{
    background-position: 0 -624px;
    background-color: #c1d5ef;
    color: #0f3789;
}

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button
{
    color: #abb9de;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status
{
    border-color: #829cbf;
    background-color: #e3eeff;
}

.t-panelbar .t-link
{
    border-color: #333;
}

.t-grid td,
.t-grid .t-last
{
    border-bottom: 1px solid #cfd9e7;
    border-right: 1px solid #829cbf;
}

.t-grouping-row td
{
    background: #fff url('Web20/sprite.png') repeat-x 0 -48px;
}

.t-footer-template td
{
    background-color: #e3eeff;
    border-color: #829cbf #e3eeff #fff;
}

.t-group-footer td
{
    background-color: #e3eeff;
    border-color: #829cbf;
}

.t-grid-footer,
.t-grid-footer-wrap table
{
    background-color: #e3eeff;
    border-color: #829cbf;
}

.t-grouping-header .t-group-indicator
{
    color: #333;
    border-color: #ccc;
}

.t-grouping-dropclue
{
    background: url('Web20/sprite.png') no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p
{
    background: #fff;
}

.t-treeview .t-drop-clue
{
    background-image: url('Web20/sprite.png');
    background-position: 0 -358px;
}

.t-treeview .t-state-selected
{
    border-color: #85c843;
}

.t-editor-button .t-state-active
{
    background-color: #4567ba;
}

.t-calendar th
{
    background-color: #ecf4ff;
    border-color: #bcd2f1;
}

.t-other-month .t-link
{
    color: #777;
}

.t-treeview-lines .t-top,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-bot
{
    background-image: url('Web20/treeview-nodes.png');
}

.t-rtl .t-treeview-lines .t-top,
.t-rtl .t-treeview-lines .t-mid,
.t-rtl .t-treeview-lines .t-bot
{
    background-image: url('Web20/treeview-nodes-rtl.png');
}

.t-treeview-lines .t-item { background-image: url('Web20/treeview-line.png'); }
.t-treeview-lines .t-last { background-image: none; }

.t-drag-clue
{
    color: #fff;
}

.t-editor-button .t-state-hover
{
    border-color: #8ea9d1 #385b9d #385b9d #8ea9d1;
    background-color: #7fa5d7;
}

.t-editor-button .t-state-active
{
    border-color: #3a5c9d #89a2cc #89a2cc #3a5c9d;
    background-color: #567cb8;
}

/*Slider*/

.t-slider .t-draghandle
{
	background-image:url('Web20/sprite.png');
	color:#4e75b3;
}

.t-slider-track
{
	border-color:#7794c3;
}

.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection
{
	background-image:url('Web20/sprite.png');
}

.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection
{
	background-image:url('Web20/sprite-vertical.png');
}

.t-slider-horizontal .t-tick { background-image:url('Web20/slider-hs-both.gif'); }
.t-slider-horizontal .t-slider-topleft .t-tick { background-image:url('Web20/slider-hs-top.gif'); }
.t-slider-horizontal .t-slider-bottomright .t-tick { background-image:url('Web20/slider-hs-bottom.gif'); }

.t-slider-horizontal .t-tick-large { background-image:url('Web20/slider-h-both.gif'); }
.t-slider-horizontal .t-slider-topleft .t-tick-large { background-image:url('Web20/slider-h-top.gif'); }
.t-slider-horizontal .t-slider-bottomright .t-tick-large { background-image:url('Web20/slider-h-bottom.gif'); }

.t-slider-vertical .t-tick { background-image:url('Web20/slider-vs-both.gif'); }
.t-slider-vertical .t-slider-topleft .t-tick { background-image:url('Web20/slider-vs-left.gif'); }
.t-slider-vertical .t-slider-bottomright .t-tick { background-image:url('Web20/slider-vs-right.gif'); }

.t-slider-vertical .t-tick-large { background-image:url('Web20/slider-v-both.gif'); }
.t-slider-vertical .t-slider-topleft .t-tick-large { background-image:url('Web20/slider-v-left.gif'); }
.t-slider-vertical .t-slider-bottomright .t-tick-large { background-image:url('Web20/slider-v-right.gif'); }

/*Tooltip*/

.t-tooltip
{
    border-color:#b2c5e4;
	background:#bed4f6 0 -96px repeat-x url('Web20/sprite.png');
	color:#0f3789;
}

.t-callout
{
	background-image:url('Web20/sprite.png');
}

/* Splitter */

.t-splitter
{
    border-color: #829cbf;
}

.t-splitbar-vertical,
.t-splitbar-horizontal
{
    background-color: #93add4;
    border-color: #829cbf;
}

.t-splitbar-vertical,
.t-ghost-splitbar-vertical
{
    background-image: url('Web20/sprite.png');
}

.t-splitbar-horizontal,
.t-ghost-splitbar-horizontal
{
    background-image: url('Web20/sprite-vertical.png');
}

.t-restricted-size-horizontal,
.t-restricted-size-vertical
{
    background-color: #f00;
}

/* Upload */

.t-dropzone-active,
.t-upload-files
{
    border-color: #829cbf;
}

.t-dropzone-hovered,
.t-upload-files
{
    background-color: #cedcef;    
}

.t-dropzone em
{
    color: #747886;
}

.t-progress,
.t-progress-status
{
    background-image: url('Web20/sprite.png');
}

.t-progress
{
    background-position: 0 -465px;
    border-color: #7996c6 #819dca #7996c6;
}

.t-progress-status
{
    background-position: 0 -472px;
    border-color: #e1ff86 transparent #82eb30;
}

/* ImageBrowser */

.t-imagebrowser .t-content
{
    background: #c1d5ef;  
}

.t-tiles-toolbar .t-upload .t-button,
.t-breadcrumbs .t-link,
.t-tiles-arrange,
.t-tiles-arrange a
{
    color: #102152;
}

.t-breadcrumbs .t-first,
.t-breadcrumbs .t-first:hover,
.t-search-wrap label
{
    color: #747886;
}

.t-tiles-toolbar
{
    border-color: #829cbf;
    background: #bed4f6 repeat-x 0 -96px url('Web20/sprite.png');
}


.t-tiles
{
    border-color: #829cbf;
    background: #fff;
}

.t-tile
{
    border-color: #fff;
    background:0 100px repeat-x url('Web20/imagebrowser.png');
}

.t-tiles li.t-state-hover
{
    border-color: #4a70ae;
    background-position: 0 0;
    color: #fff;
}

.t-tiles li.t-state-selected
{
    border-color: #29448b;
    background-position: 0 -100px;
    color: #fff;
}

.t-tile .t-folder
{
    background-image:url('Web20/imagebrowser.png');
}

.t-tile em,
.t-tile .t-filesize
{
    color: #747886;
}

.t-tiles li.t-state-hover em,
.t-tiles li.t-state-hover .t-filesize
.t-tiles li.t-state-selected em,
.t-tiles li.t-state-selected .t-filesize
{
    color: #b3c4ef;
}

.t-tile-empty strong
{
    color: #a5bce0;
}